<!DOCTYPE html>
<html>
<head>
	<title>xxxlcom</title>
     <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
</head>
<style type="text/css">
    .exp1{
        margin-top:20px ;
        margin-left:100px ;
        border:3px solid black;
        width:35%;
		/* height:450px; */
		position:absolute;
    }
    .exp2{
        margin-top:20px;
        margin-left:1000px ;
        border:3px solid black ;
        width:35% ;
       position:absolute ;
    }


</style>
<body>
    <h1 align="center" style="background-color: yellow;">这是xxxlcom的第一个html网站</h1><br>
	<hr>
    <div class="exp1">
		<h2 align="center">实验1</h2>
        <ul>
        <li><a href="./homework/demo_a.html"><h3 align="center">三角形demo_a</h3></a></li>
        <li><a href="./homework/demo_b.html"><h3 align="center">矩形demo_b</h3></a></li>
        <li><a href="./homework/demo_c.html"><h3 align="center">三角形+矩形demo_c</h3></a></li>
        <li><a href="./homework/demo_d.html"><h3 align="center">三角形+矩形(两色)demo_d</h3></a></li>
        <li><a href="./homework/demo_e.html"><h3 align="center">彩色三角形demo_e</h3></a></li>
        </ul>
    </div>
	<div class="exp2">
	<h2 align="center">实验2</h2>
	<ul>
	<li><a href="./homework2/demo2_1.html"><h3 align="center">点阵三角形</h3></a></li>
	<li><a href="./homework2/demo2_2.html"><h3 align="center">镂空三角形</h3></a></li>
	<li><a href="./homework2/demo2_4.html"><h3 align="center">镂空三角体</h3></a></li>
    <li><a href="./homework4/index3.html"><h3 align="center">自由画出点点</h3></a></li>
    <li><a href="./homework4/index4.html"><h3 align="center">观赏会转的三角形</h3></a></li>
    <li><a href="./homework4/index5.html"><h3 align="center">尝试让三角形反转</h3></a></li>
	</ul>
	</div>
</body>
</html>